<template>
  <!--   <router-link to="/home">首页</router-link>
  <router-link to="/about">关于页面</router-link> -->
  <router-view></router-view>
  <!--   <Todo /> -->
  <mainPage />
</template>
<script setup lang="ts">
import Todo from "@/components/todo/index.vue"
import mainPage from "./views/configPanel/mainPage.vue"
</script>
<style lang="less">
.fullContent() {
  width: 100%;
  height: 100%;
}
.flexNormal() {
  width: 100%;
  height: 100%;
  display: flex;
}
html {
  .fullContent();
  overflow: hidden;
  body {
    .fullContent();
    margin: 0 !important;
    padding: 0 !important;
    #app {
      .fullContent();
    }
  }
}
div {
  user-select: none;
}
span {
  user-select: none;
}
.isMoving {
  // position: fixed;

  background: transparent;
  border: 2px dashed rgba(202, 70, 70, 0.507);
}
.isHover {
  background: #3257a039 !important;
}
.isSelect {
  opacity: 0.8;
  margin: 2px 3px;
  border: 2px dashed rgba(50, 111, 146, 0.562) !important;
}
.containerDragging {
  background: transparent;
  border: 2px dashed rgba(132, 128, 128, 0.507);
}
</style>
